<template>
    <div class="myindex">
        <h1>欢迎来到二阶段项目首页！</h1>
        <el-carousel :interval="4000" type="card" height="450px" width="300px">
        <el-carousel-item v-for="item in 6" :key="item">
        <!-- <img src="../assets/1.jpg" alt="" class="img"> -->
        </el-carousel-item>
        </el-carousel>
    </div>
</template>
<script>
export default {
    name:'index',
    
}
</script>
<style lang="less" scoped>
    .myindex{
        height: 500px;
        width: 100%;
        h1{
            margin: auto;
        }
    }
    .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
  }
    .el-carousel__item:nth-child(1) {
    background-color: #EEF2F6;
    background-image:url('../assets/1.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-size:400px;

    }
    .el-carousel__item:nth-child(2) {
    background-color: #EEF2F6;
    background-image:url('../assets/3.jpg') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-size:400px;
    }
    .el-carousel__item:nth-child(3) {
    background-color: #EEF2F6;
    background-image:url('../assets/3.jpg') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-size:400px;
    }
    .el-carousel__item:nth-child(4) {
    background-color: #EEF2F6;
    background-image:url('../assets/4.jpg') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-size:400px;
    }
    .el-carousel__item:nth-child(5) {
    background-color: #EEF2F6;
    background-image:url('../assets/5.jpg') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-size:400px;
    }
    .el-carousel__item:nth-child(6) {
    background-color: #EEF2F6;
    background-image:url('../assets/6.jpg') ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-size:400px;
    }
  .img{
      width: 450px;
    //   background-image:url('../assets/1.jpg') ;
  }
</style>